<template>
  <section>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="基本信息" name="first">基本信息</el-tab-pane>
      <el-tab-pane label="询问记录" name="second">
        <div style="margin-bottom:20px;">
          <el-button plain icon="el-icon-document-add" size="mini" @click="addRecord()">新增一次记录</el-button>
          <el-button type="primary" size="mini" icon="el-icon-document-checked" plain>保存</el-button>
        </div>
        <div class="specialFrom" style="height:1200px;">
          <div class="specialLeft" style="width:180px;height:1200px;">
            <div class="row3">询问日期</div>
            <div class="row3">实足年龄</div>
            <div class="psa" style="left:0;top:70px;width:35px;height:700px;">喂养情况</div>
            <div class="psa" style="left:35px;height:70px;">母乳</div>
            <div class="psa" style="left:70px;width:110px;height:35px;">多、中、少</div>
            <div class="psa" style="left:70px;top:105px;width:110px;height:35px;">次数/日</div>
            <div class="psa" style="left:35px;top:140px;width:145px;height:35px;">断母乳(月龄)</div>
            <div class="psa" style="left:35px;top:175px;width:145px;height:35px;">牛奶 毫升/日</div>
            <div class="psa" style="left:35px;top:210px;width:145px;height:35px;">奶粉 毫升/日</div>
            <div class="psa" style="left:35px;top:245px;width:35px;height:140px;">粮谷类</div>
            <div class="psa" style="left:70px;top:245px;width:110px;height:35px;">米粉 克/日</div>
            <div class="psa" style="left:70px;top:280px;width:110px;height:35px;">面食 克/日</div>
            <div class="psa" style="left:70px;top:315px;width:110px;height:35px;">粥 克/日</div>
            <div class="psa" style="left:70px;top:350px;width:110px;height:35px;">饭 克/日</div>
            <div class="psa" style="left:35px;top:385px;width:145px;height:35px;">荤菜(鱼肉肝)克/日</div>
            <div class="psa" style="left:35px;top:420px;width:145px;height:35px;">全蛋或蛋黄 只/日</div>
            <div class="psa" style="left:35px;top:455px;width:145px;height:35px;">豆制品 克/日</div>
            <div class="psa" style="left:35px;top:490px;width:145px;height:35px;">蔬菜 克/日</div>
            <div class="psa" style="left:35px;top:525px;width:145px;height:35px;">水果 只/日</div>
            <div class="psa" style="left:35px;top:560px;width:35px;height:70px;">维生素AD</div>
            <div class="psa" style="left:70px;top:560px;width:110px;height:35px;">品名</div>
            <div class="psa" style="left:70px;top:595px;width:110px;height:35px;">剂量</div>
            <div class="psa" style="left:35px;top:630px;width:35px;height:70px;">钙</div>
            <div class="psa" style="left:70px;top:630px;width:110px;height:35px;">品名</div>
            <div class="psa" style="left:70px;top:665px;width:110px;height:35px;">剂量</div>
            <div class="psa" style="left:35px;top:700px;width:145px;height:35px;">水 毫升/日</div>
            <div class="psa" style="left:35px;top:735px;width:145px;height:35px;">其他</div>
            <div class="psa" style="left:0;top:770px;width:35px;height:245px;">生活情况</div>
            <div class="psa" style="left:35px;top:770px;width:145px;height:35px;">食欲 好、中、差</div>
            <div class="psa" style="left:35px;top:805px;width:145px;height:35px;">汗多、烦躁或夜惊</div>
            <div class="psa" style="left:35px;top:840px;width:145px;height:35px;">睡眠 小时/日</div>
            <div class="psa" style="left:35px;top:875px;width:145px;height:35px;">户外活动 小时/日</div>
            <div class="psa" style="left:35px;top:910px;width:145px;height:35px;">生活方式 集、散</div>
            <div class="psa" style="left:35px;top:945px;width:35px;height:70px;">大便</div>
            <div class="psa" style="left:70px;top:945px;width:110px;height:35px;">次数/日</div>
            <div class="psa" style="left:70px;top:980px;width:110px;height:35px;">性状</div>
            <div class="psa" style="left:0;top:1015px;width:180px;height:35px;">意外伤害情况</div>
            <div class="psa" style="left:0;top:1050px;width:180px;height:35px;">上月患病情况</div>
            <div class="psa" style="left:0;top:1085px;width:180px;height:35px;">询问者</div>
          </div>
          <div class="specialRight">
            <div style="width:1310px;">
              <table class="specialTable" v-for="item in tables">
                <tbody>
                  <tr>
                    <td>
                      <el-date-picker v-model="value1" size="mini" type="date" style="width:110px;" format="yy/MM/dd" placeholder="选择日期">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input v-model="input" placeholder="请输入年龄" size="mini"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select" placeholder="请选择" size="mini">
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select2" placeholder="请选择" size="mini">
                        <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select3" placeholder="请选择" size="mini">
                        <el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input2" size="mini">
                        <template slot="append">ml</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input3" size="mini">
                        <template slot="append">ml</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input4" size="mini">
                        <template slot="append">克</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input5" size="mini">
                        <template slot="append">克</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input6" size="mini">
                        <template slot="append">克</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input7" size="mini">
                        <template slot="append">克</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input8" size="mini">
                        <template slot="append">克</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input9" size="mini">
                        <template slot="append">克</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input10" size="mini">
                        <template slot="append">克</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select5" placeholder="请选择" size="mini">
                        <el-option v-for="item in options5" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input11" size="mini"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select6" placeholder="请选择" size="mini">
                        <el-option v-for="item in options6" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input12" size="mini"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select7" placeholder="请选择" size="mini">
                        <el-option v-for="item in options7" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select8" placeholder="请选择" size="mini">
                        <el-option v-for="item in options8" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input13" size="mini"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select9" placeholder="请选择" size="mini">
                        <el-option v-for="item in options9" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select10" placeholder="请选择" size="mini">
                        <el-option v-for="item in options10" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select11" placeholder="请选择" size="mini">
                        <el-option v-for="item in options11" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select12" placeholder="请选择" size="mini">
                        <el-option v-for="item in options12" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select13" placeholder="请选择" size="mini">
                        <el-option v-for="item in options13" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select14" placeholder="请选择" size="mini">
                        <el-option v-for="item in options14" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select15" placeholder="请选择" size="mini">
                        <el-option v-for="item in options15" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input14" size="mini"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input15" size="mini"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select16" placeholder="请选择" size="mini">
                        <el-option v-for="item in options16" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="体格检查" name="third">
        <div style="margin-bottom:20px;">
          <el-button plain icon="el-icon-document-add" size="mini" @click="addRecord2()">新增一次记录</el-button>
          <el-button type="primary" size="mini" icon="el-icon-document-checked" plain>保存</el-button>
        </div>
        <div class="specialFrom" style="height:1300px;">
          <div class="specialLeft" style="width:180px;height:1300px;">
            <div class="row3">体检日期</div>
            <div class="row3">实足年龄</div>
            <div class="psa" style="left:0;top:70px;width:180px;height:35px;">体重(kg)</div>
            <div class="psa" style="left:0;top:105px;width:180px;height:35px;">身高(cm)</div>
            <div class="psa" style="left:0;top:140px;width:180px;height:35px;">头围(cm)</div>
            <div class="psa" style="left:0;top:175px;width:180px;height:35px;">胸围(cm)</div>
            <div class="psa" style="left:0;top:210px;width:180px;height:35px;">腹/臀围(cm)</div>
            <div class="psa" style="left:0;top:245px;width:180px;height:35px;">皮下脂肪(cm)</div>
            <div class="psa" style="left:0;top:280px;width:180px;height:35px;">面色</div>
            <div class="psa" style="left:0;top:315px;width:180px;height:35px;">皮肤</div>
            <div class="psa" style="left:0;top:350px;width:180px;height:35px;">毛发</div>
            <div class="psa" style="left:0;top:385px;width:180px;height:35px;">浅表淋巴结</div>
            <div class="psa" style="left:0;top:420px;width:180px;height:35px;">前囟</div>
            <div class="psa" style="left:0;top:455px;width:180px;height:35px;">后囟</div>
            <div class="psa" style="left:0;top:490px;width:180px;height:35px;">视力筛查</div>
            <div class="psa" style="left:0;top:525px;width:180px;height:35px;">听力筛查</div>
            <div class="psa" style="left:0;top:560px;width:180px;height:35px;">眼</div>
            <div class="psa" style="left:0;top:595px;width:180px;height:35px;">耳</div>
            <div class="psa" style="left:0;top:630px;width:180px;height:35px;">鼻</div>
            <div class="psa" style="left:0;top:665px;width:180px;height:35px;">口腔</div>
            <div class="psa" style="left:0;top:700px;width:180px;height:35px;">牙齿只数(萌出月份)</div>
            <div class="psa" style="left:0;top:735px;width:180px;height:35px;">龋齿数</div>
            <div class="psa" style="left:0;top:770px;width:180px;height:35px;">心(听诊)</div>
            <div class="psa" style="left:0;top:805px;width:180px;height:35px;">肺</div>
            <div class="psa" style="left:0;top:840px;width:180px;height:35px;">腹</div>
            <div class="psa" style="left:0;top:875px;width:180px;height:35px;">肝</div>
            <div class="psa" style="left:0;top:910px;width:180px;height:35px;">脾(肋下cm)</div>
            <div class="psa" style="left:0;top:945px;width:180px;height:35px;">外生殖器</div>
            <div class="psa" style="left:0;top:980px;width:180px;height:35px;">骨骼</div>
            <div class="psa" style="left:0;top:1015px;width:180px;height:35px;">分髋实验</div>
            <div class="psa" style="left:0;top:1050px;width:180px;height:35px;">精神发育</div>
            <div class="psa" style="left:0;top:1085px;width:180px;height:35px;">动作发育</div>
            <div class="psa" style="left:0;top:1120px;width:180px;height:35px;">化验检查</div>
            <div class="psa" style="left:0;top:1155px;width:180px;height:35px;">综合评估</div>
            <div class="psa" style="left:0;top:1190px;width:180px;height:35px;">检查者</div>
          </div>
          <div class="specialRight">
            <div style="width:1310px;">
              <table class="specialTable" v-for="item in tables2">
                <tbody>
                  <tr>
                    <td>
                      <el-date-picker v-model="value1" size="mini" type="date" style="width:110px;" format="yy/MM/dd" placeholder="选择日期">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input v-model="input" placeholder="请输入年龄" size="mini"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input2" size="mini">
                        <template slot="append">kg</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input2" size="mini">
                        <template slot="append">cm</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input2" size="mini">
                        <template slot="append">cm</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input2" size="mini">
                        <template slot="append">cm</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input3" size="mini">
                        <template slot="append">cm</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input4" size="mini">
                        <template slot="append">cm</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select5" placeholder="请选择" size="mini">
                        <el-option v-for="item in options5" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select6" placeholder="请选择" size="mini">
                        <el-option v-for="item in options6" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select7" placeholder="请选择" size="mini">
                        <el-option v-for="item in options7" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select8" placeholder="请选择" size="mini">
                        <el-option v-for="item in options8" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select4" placeholder="请选择" size="mini">
                        <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select9" placeholder="请选择" size="mini">
                        <el-option v-for="item in options9" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select10" placeholder="请选择" size="mini">
                        <el-option v-for="item in options10" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select11" placeholder="请选择" size="mini">
                        <el-option v-for="item in options11" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select12" placeholder="请选择" size="mini">
                        <el-option v-for="item in options12" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input placeholder="请输入内容" v-model="input4" size="mini">
                        <template slot="append">cm</template>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select14" placeholder="请选择" size="mini">
                        <el-option v-for="item in options14" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select15" placeholder="请选择" size="mini">
                        <el-option v-for="item in options15" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select15" placeholder="请选择" size="mini">
                        <el-option v-for="item in options15" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select15" placeholder="请选择" size="mini">
                        <el-option v-for="item in options15" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select15" placeholder="请选择" size="mini">
                        <el-option v-for="item in options15" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input v-model="input" placeholder="请输入年龄" size="mini"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-input v-model="input" placeholder="请输入年龄" size="mini"></el-input>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-select v-model="select16" placeholder="请选择" size="mini">
                        <el-option v-for="item in options16" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="矫治记录" name="fourth">
        <div style="margin-bottom:20px;">
          <el-button plain icon="el-icon-document-add" size="mini" @click="addRecord3()">新增一次记录</el-button>
          <el-button type="primary" size="mini" icon="el-icon-document-checked" plain>保存</el-button>
        </div>
        <table class="table-box">
          <thead>
            <tr>
              <th>日期</th>
              <th>病史摘要</th>
              <th>指导处理</th>
              <th>处理者</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in MedicalHistory" :key="index">
              <td>
                <el-date-picker v-model="value1" type="date" style="width:110px;" format="yy/MM/dd" placeholder="选择日期">
                </el-date-picker>
              </td>
              <td>
                <el-input v-model="input" placeholder="请输入内容"></el-input>
              </td>
              <td>
                <el-input v-model="input" placeholder="请输入内容"></el-input>
              </td>
              <td>
                <el-select v-model="select16" placeholder="请选择">
                  <el-option v-for="item in options16" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </td>
            </tr>
          </tbody>
        </table>
      </el-tab-pane>
      <el-tab-pane label="周岁小结" name="five">
        <h3>一、体格发育</h3>
        <el-form ref="form" :model="form" label-width="120px">
          <el-row :gutter="10">
            <el-col :span="10">
              <el-row :gutter="20">
                <el-col :span="12">
                  <el-form-item label="0~6月">
                    平均增磅<span class="strong">38</span>g/月
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="7~12">
                    平均增磅<span class="strong">69</span>g/月 
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="出生身长">
                    <span class="strong">51</span>cm
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="12月身长">
                    <span class="strong">89</span>cm
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="萌牙时间">
                    <span class="strong">5</span>月
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="12月">
                    <span class="strong">4</span>只
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="头胸围首次交叉">
                    <span class="strong">5</span>月
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="目前是否交叉">
                    <span class="strong">否</span>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-col>

            <el-col :span="14">chart</el-col>
          </el-row>
        </el-form>
        <div class="zjbox">

        </div>
        <table class="table-box grid-table">
          <thead>
            <tr>
              <th>体格评价</th>
              <th>3月</th>
              <th>6月</th>
              <th>9月</th>
              <th>12月</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>体重（kg）</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>身长（cm）</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
        </table>
        <h3>二、DDST测定：正常、迟缓、异常</h3>
        <h3>三、五官情况</h3>
        <div class="zjbox">
          <div>听力：<span class="strong">正常</span></div>
          <div>视力：<span class="strong">正常</span></div>
          <div>牙齿：<span class="strong">8</span>只</div>
        </div>
        <h3>四、喂养情况</h3>
        <div class="zjbox">?????</div>
        <h3>五、血液检验：</h3>
        <div class="zjbox">
          <div>2月：Hb：<span class="strong">？？</span>g/L,RBC：<span class="strong">??</span>10^12/L</div>
          <div>6月：Hb：<span class="strong">？？</span>g/L,RBC：<span class="strong">??</span>10^12/L</div>
          <div>12月：Hb：<span class="strong">？？</span>g/L,RBC：<span class="strong">??</span>10^12/L</div>
        </div>
        <h3>六、疾病及其他</h3>
        <div class="zjbox">
          <div>上感：<span class="strong">偶发</span>，支炎：<span class="strong">偶发</span></div>
          <div>腹泻：<span class="strong">偶发</span>，曾患肺炎或其他疾病：<span class="strong">无</span></div>
          <div>佝偻病：<span class="strong">无</span>，用药<span class="strong">无</span></div>
          <div>贫血：<span class="strong">无</span>，用药<span class="strong">无</span></div>
        </div>
        <h3>七、总结评价</h3>
        <div class="zjbox">
          <el-input type="textarea" :rows="3" style="width:500px;" placeholder="请输入内容" v-model="textarea"></el-input>
        </div>
        <h3>八、指导</h3>
        <div class="zjbox">
          <el-input type="textarea" :rows="3" style="width:500px;" placeholder="请输入内容" v-model="textarea"></el-input>
        </div>
        <div class="zjboxBot">总评者：</div>
      </el-tab-pane>
    </el-tabs>
  </section>
</template>
<script>
export default {
  components: {
  },
  data() {
    return {
      //询问记录相关数据
      form:{},
      activeName: "second",
      textarea: "",
      tables: 1,
      tables2: 1,
      value1: "",
      input: "",
      input2: "",
      input3: "",
      input4: "",
      input5: "",
      input6: "",
      input7: "",
      input8: "",
      input9: "",
      input10: "",
      input11: "",
      input12: "",
      input13: "",
      input14: "",
      input15: "",
      select: "",
      select2: "",
      select3: "",
      select4: "",
      select5: "",
      select6: "",
      select7: "",
      select8: "",
      select9: "",
      select10: "",
      select11: "",
      select12: "",
      select13: "",
      select14: "",
      select15: "",
      select16: "",
      options: [
        { value: "sel1", label: "多" },
        { value: "sel2", label: "中" },
        { value: "sel3", label: "少" }
      ],
      options2: [
        { value: "sel1", label: "0次" },
        { value: "sel2", label: "1次" },
        { value: "sel3", label: "2次" },
        { value: "sel4", label: "3次" },
        { value: "sel5", label: "4次" },
        { value: "sel6", label: "5次" },
        { value: "sel7", label: "6次" },
        { value: "sel8", label: "7次" },
        { value: "sel9", label: "8次" }
      ],
      options3: [
        { value: "sel1", label: "1月" },
        { value: "sel2", label: "2月" },
        { value: "sel3", label: "3月" },
        { value: "sel4", label: "4月" },
        { value: "sel5", label: "5月" },
        { value: "sel6", label: "6月" },
        { value: "sel7", label: "7月" },
        { value: "sel8", label: "8月" },
        { value: "sel9", label: "9月" },
        { value: "sel10", label: "10月" },
        { value: "sel11", label: "11月" }
      ],
      options4: [
        { value: "sel1", label: "无" },
        { value: "sel2", label: "1只" },
        { value: "sel3", label: "2只" },
        { value: "sel4", label: "3只" },
        { value: "sel5", label: "4只" },
        { value: "sel6", label: "5只" }
      ],
      options5: [
        { value: "sel1", label: "无" },
        { value: "sel2", label: "1只" },
        { value: "sel3", label: "2只" },
        { value: "sel4", label: "3只" },
        { value: "sel5", label: "4只" },
        { value: "sel6", label: "5只" }
      ],
      options6: [
        { value: "sel1", label: "无" },
        { value: "sel2", label: "0.5ml" },
        { value: "sel3", label: "0.8ml" },
        { value: "sel4", label: "1ml" },
        { value: "sel5", label: "1.2ml" },
        { value: "sel6", label: "1.5ml" }
      ],
      options7: [
        { value: "sel1", label: "无" },
        { value: "sel2", label: "0.5ml" },
        { value: "sel3", label: "0.8ml" },
        { value: "sel4", label: "1ml" },
        { value: "sel5", label: "1.2ml" },
        { value: "sel6", label: "1.5ml" }
      ],
      options8: [
        { value: "sel1", label: "无" },
        { value: "sel2", label: "5ml" },
        { value: "sel3", label: "10ml" },
        { value: "sel4", label: "15ml" },
        { value: "sel5", label: "20ml" },
        { value: "sel6", label: "30ml" },
        { value: "sel7", label: "50ml" },
        { value: "sel8", label: "80ml" },
        { value: "sel9", label: "120ml" }
      ],
      options9: [
        { value: "sel1", label: "好" },
        { value: "sel2", label: "中" },
        { value: "sel3", label: "差" }
      ],
      options10: [
        { value: "sel1", label: "无" },
        { value: "sel2", label: "汗多" },
        { value: "sel3", label: "烦躁" },
        { value: "sel4", label: "夜惊" }
      ],
      options11: [
        { value: "sel1", label: "5小时" },
        { value: "sel2", label: "6小时" },
        { value: "sel3", label: "7小时" },
        { value: "sel4", label: "8小时" },
        { value: "sel5", label: "9小时" },
        { value: "sel6", label: "10小时" },
        { value: "sel7", label: "11小时" },
        { value: "sel8", label: "12小时" },
        { value: "sel9", label: "13小时" },
        { value: "sel10", label: "14小时" }
      ],
      options12: [
        { value: "sel1", label: "无" },
        { value: "sel2", label: "0.5小时" },
        { value: "sel3", label: "1小时" },
        { value: "sel4", label: "1.5小时" },
        { value: "sel5", label: "2小时" },
        { value: "sel6", label: "3小时" },
        { value: "sel7", label: "4小时" }
      ],
      options13: [
        { value: "sel1", label: "集" },
        { value: "sel2", label: "散" }
      ],
      options14: [
        { value: "sel1", label: "0次" },
        { value: "sel2", label: "1次" },
        { value: "sel3", label: "2次" },
        { value: "sel4", label: "3次" },
        { value: "sel5", label: "4次" }
      ],
      options15: [
        { value: "sel1", label: "绿黑色" },
        { value: "sel2", label: "黄色" },
        { value: "sel3", label: "黄褐色" },
        { value: "sel4", label: "绿褐色" },
        { value: "sel5", label: "水样" },
        { value: "sel6", label: "干" },
        { value: "sel7", label: "粉红色" },
        { value: "sel8", label: "深绿色" },
        { value: "sel9", label: "亮绿色" },
        { value: "sel10", label: "黑色" }
      ],
      options16: [],

      //矫治记录
      MedicalHistory: 5,
      //周岁小结
      zjValue: ""
    };
  },
  methods: {
    handleClick(tab, event) {
      let th = this;
      th.index = event.index;
    },
    //新增一次记录
    addRecord() {
      let th = this;
      th.tables += 1;
    },
    addRecord2() {
      let th = this;
      th.tables2 += 1;
    },
    addRecord3() {
      let th = this;
      th.MedicalHistory += 1;
    }
  }
};
</script>
<style lang="scss" scoped>
.specialFrom {
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
  max-width: 100%;
  background-color: #fff;
  font-size: 14px;
  color: #606266;
  flex: 1;
  &::before {
    content: "";
    position: absolute;
    background-color: #ebeef5;
    z-index: 1;
  }
  &::after {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
  }
  .specialLeft {
    position: absolute;
    top: 1px;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    > div {
      border: 1px solid #ddd;
      border-top: none;
      border-left: none;
      background-color: #fffde9;
      color: #333;
    }
    &::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #ebeef5;
      z-index: 4;
    }
  }
  .specialRight {
    overflow: hidden;
    width: 800px;
    position: relative;
    overflow-x: auto;
    left: 179px;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    border-right: none;
  }
  .row3 {
    height: 35px;
    line-height: 35px;
    width: 100%;
    padding: 0 10px;
  }
  .psa {
    position: absolute;
    width: 35px;
    display: flex;
    padding: 0 10px;
    align-items: center;
  }
  .specialTable {
    border-collapse: collapse;
    float: left;
    td {
      height: 35px;
      border: 1px solid #ddd;
      border-top: none;
      border-left: none;
      padding: 0 10px;
      width: 100px;
    }
  }
  .el-input-group__append {
    padding: 0 10px;
  }
}
.zjbox {
  padding: 0 20px;
  > div {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .strong {
    font-size: 24px;
    font-weight: 500;
    font-style: italic;
    padding: 0 10px;
    color: $bg-danger;
  }
}
.grid-table {
  border-color: #9ee1ef;
  th {
    background-color: #def8fd;
  }
  td,
  th {
    border-color: #9ee1ef;
  }
}
.zjboxBot {
  padding: 0 20px;
  text-align: right;
}
</style>